Hệ thống bổ nhiệm bác sĩ trong PHP bằng mã nguồn
1 @import url('https://fonts.googleapis.com/css?family=Play');
2 @import url('https://fonts.googleapis.com/css?family=El+Messiri');
3 body{
4 padding: 5px auto;
5 font-family: 'El Messiri', sans-serif;
6 background:url(img/bg3.jpg) fixed no-repeat;
7 background-size:cover;
8 }
9 .container{
10 background-color: white;
11 padding-right:0px;
12 padding-left:0px;
13 margin-right: auto;
14 margin-left: auto;
15 }
16 .container-fluid{
17 background-color: white;
18 padding-right:0px;
19 padding-left:0px;
20 margin-right: auto;
21 margin-left: auto;
22 }
23
24 .header_top{
25 background:url(img/header_img4.jpg) fixed no-repeat;
26 width: 100%;
27 height:323px;
28 background-size: 100% 80%!important;
29 font-family: 'El Messiri', sans-serif;
30
31
32 }
33 .header_top img{
34 border-radius: 50%;
35 }
36 /*this is for present menu*/
37 .menu{background-color:#1f1f21!important;width:auto;height:35px}
38 .nav{
39 min-height:37px!important;
40 }
41 .navbar-default {
42 background-color:#1f1f21!important;
43 border-color: #e7e7e7;
44 }
45 .menu ul{margin:0;padding:0px 5px;list-style:none;text-align:right;}
46 .menu ul li{float:left;border-right:1px solid #fff;position:relative;text-align:right;}
47
48 .menu ul li:last-child{border-right:0px solid #fff}
49 .menu ul li a{background:rgba(20, 21, 23, 0.99);display:block;padding:10px 25px;text-decoration:none;color:#fff;}
50 .menu ul li a:hover{background:#fff;color:#000;}
51
52 /*This CSS id for Dropdown Menu*/
53 .menu ul li ul{position:absolute;left:-99999px;z-index:10000000}
54 .menu ul li:hover ul{left:0px;}
55 .menu ul li ul li{float:none;border-top:1px solid #fff;width:200px;border-right:0px solid;border-left:0px solid;}
56 .menu ul li ul li:first-child{border-top:0px solid #fff;}
57 .menu ul li ul li:last-child{border-bottom:0px solid #fff;}
58 .menu ul li ul li a{background:#;display:block;padding:3px 52px;text-decoration:none;color:#fff;}
59 .menu ul li ul li a:hover{background:#fff;color:#000;}
60 @media screen and(max-width:720px){
61 .menu ul li{float:none;}
62 }
63 @media screen and(max-width:520px)and (min-width: 320px){
64 .menu ul li{float:none;}
65 }
66
67 .content{
68 background-color:white;
69 color:#2b2121;
70 padding: 20px;
71 }
72 .main_content{
73
74 }
75 .fsection{
76
77 background-color:rgba(20, 21, 23, 0.99);
78 padding: 20px;
79 color: #fff;
80 }
81 .share_img img {
82 width:40px;
83 height:40px;
84 margin-right: 5px;
85 }
86 .sliderImg img{
87 width: 200px;
88 height: 250px;
89 }
90 table{border-collapse: collapse;
91 background-color: khaki;
92 }
93 table,th,td{
94 border: 1px solid #000;
95 /*width: 1060px;*/
96 margin: 10px auto;
97 }
98 th{
99 background-color:#1e1616;
100 color: white;
101 }
102 td{
103 padding: 3px;
104 text-align: center;
105 background-color: white;
106 color: #000;
107 border-right: 1px solid #e7e7e7;
108 border-bottom: 1px solid #c5b3b3;
109 }
110 .stick{
111 position: fixed;
112 top: 0px;
113 z-index: 9999999999;
114 }
115 /*--------this is for input type--------*/
116 input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],select,option{
117 text-align: initial;
118 width:223px;
119 box-shadow:1px 1px 1px #2d2a2a;
120 height:40px;
121 line-height: normal;
122 line-break: inherit;
123 background-color: ivory;
124 align-self: normal;
125 margin-left: 5px;
126 border:1px solid grey;
127 border-radius: 4px;
128 padding:4px 6px;
129 float: right;
130 margin-right: 170px;
131 }
132 input[type="submit"] {
133 margin-right: -709px;
134 margin-top: 25px;
135 /*background-color:#29b6f6;
136 border-radius: 5px;
137 box-shadow: 1px 1px 1px 1px black;*/
138 }
139 select,option {
140 text-align: initial;
141 width: 223px;
142 box-shadow:1px 1px 1px #2d2a2a;
143 height:35px;
144 line-height: normal;
145 line-break: inherit;
146 background-color: ivory;
147 align-self: normal;
148 margin-left: 5px;
149 border:1px solid grey;
150 border-radius: 4px;
151 padding:4px 6px;
152 float: right;
153 margin-right: 170px;
154 }
155 textarea {
156 text-align: initial;
157 width:223px;
158 box-shadow:1px 1px 1px #2d2a2a;
159 /*height: 20px;*/
160 line-height: normal;
161 line-break: inherit;
162 background-color: ivory;
163 align-self: normal;
164 margin-left: 5px;
165 border:1px solid grey;
166 border-radius: 4px;
167 /*padding:4px 6px;*/
168 float: right;
169 margin-right: 170px;
170 }
171 input, textarea, .uneditable-input {
172 /*width: 206px;*/
173 }
174 label {
175 cursor: pointer;
176 float: right;
177 }
178 /*--------input type End--------*/
179
180 /*contact us style*/
181 /*.contact_form {
182 width: 500px;
183 height: 218px;
184 margin-left: 490px;
185 margin-top: 30px;
186 }*/
187
188 /*.contact_left{
189 margin-left: 30px!important;
190 border-right: 2px solid black;
191 }
192 */
193 .btn{
194 padding: 1px 9px!important;
195 border:1px solid!important;
196 }
197
198
199 .box{
200 width: 220px;
201 height:220px;
202 border-radius:0px 0px 20px 0px;
203 background-color:rgb(2, 2, 29)!important;
204
205 margin-left: 135px;
206 margin-bottom:35px;
207 opacity:;
208 }
209 .box:hover{
210 opacity: 1;
211 border:2px solid red;
212 font-size: 10px;
213 }
214
215 .box h4{
216 padding-top: 83px;
217 padding-left: 33px;
218 color: white;
219 }
220
221 li{
222 text-decoration: none;
223 list-style: none;
224 color:#fff;
225 }
226
227
228 .formstyle{
229 box-shadow: 4px 5px 3px 2px black;
230 }
231
232
233 .box1, .box2{
234 width: 220px;
235 height:220px;
236 border-radius: 50%;
237 background-color:rgb(2, 2, 29)!important;
238 margin-left: 135px;
239 margin-bottom:35px;
240 opacity:;
241 }
242 .box1:hover{
243 color: #fff;
244 box-shadow: ;
245 font-size: 20px;
246 }
247 .box1 h4,.box2 h4{
248 padding-top: 83px;
249 padding-left: 33px;
250 color: white;
251 }
252 a:active{
253 background-color:#fff;
254 }